@charset "utf-8";
/* CSS Document */


.layout, .content{ width:1100px; margin:0 auto; position:relative;}

.boxMo{ min-width:1100px;}
.w650{ width: 650px;}
.w430{ width: 430px;}
.w540{ width: 540px;}
.w260{ width: 260px;}
.marB10{ margin-bottom: 10px;}
.marB20{ margin-bottom: 20px;}
.marB30{ margin-bottom: 30px;}
.marB40{ margin-bottom: 40px;}
.marT40{ margin-top: 40px;}

.top_bar{ height: 45px; background-color: #f1f1f1;}
.top_bar_des{ float: left; font-size: 12px; line-height: 45px; color: #333;}
.top_bar_right{ float: right; height: 16px; margin-top: 6px;}
.top_bar_link_wrap{ float: left; margin-top: 8px;}
.top_bar_link{ font-size: 14px; line-height: 16px; margin: 0 14px; cursor: pointer;}
a.top_bar_btn{ float: left; width: 100px; height: 32px; margin-left: 14px; font-size: 16px; line-height: 32px; color: #fff; text-align: center; background-color: #0078db; border-radius: 4px;}

.header{ padding: 50px 0; background-color: #fff;}
.logo{ float: left; width: 540px; height: 170px; background: url(../images/logo.png) no-repeat center top;}
.search_wrap{ position: relative; float: right; width: 360px; height: 44px; margin-top: 60px; border: 1px solid #e2e2e2; border-radius: 21px;}
.input{position: absolute; left: 0; top: 0; width: 300px; height: 42px; font-size: 14px; line-height: 42px; text-indent: 2em; color: #888; border: none; background: none; }
.submit{ position: absolute; top: 50%; right: 10px; width: 26px; height: 26px; margin-top: -13px; background: url(../images/btn_search.png) no-repeat center top; border: none; cursor: pointer;}

.nav{ position: relative; height: 44px; margin-bottom: 20px; background-color: #0078db; z-index: 2;}
.nav_tem{ position: relative; float: left; width: 157px; height: 44px;}
.nav_tem.active{ background-color: #0080ea}
a.nav_link{ display: block; width: 100%; height: 100%; font-size: 18px; line-height: 44px; color: #fff; text-align: center;}
.nav_list{ display: none; position: absolute; top: 44px; left: 0; width: 100%;}
.nav_list.active{ display: block;}
.nav_list li{ width: 100%; height: 44px; font-size: 12px; line-height: 44px; text-align: center; background-color: #0080ea; border-bottom: 1px solid #0078db;}
.nav_list li a{ color: #fff;}



/*footer*/
.bot_bar{ height: 60px; background-color: #007fe2;}
.bot_bar_left{ float: left; font-size: 14px; line-height: 60px; color: #fff;}
.bot_bar_right{ float: right; }
.bot_bar_right{ height: 16px; padding-top: 24px; font-size: 14px; line-height: 16px; color: #fff;}
.bot_bar_right a{ display: inline-block; margin: 0 6px 0 4px; color: #fff;}

.footer{ padding: 30px 0; background-color: #fff; border-top: 2px solid #007fe2;}
.footer_des{ font-size: 14px; line-height: 28px; text-align: center;}
.footer_i{  width: 100%; margin: 20px auto 0; text-align: center;}
.footer_i img{ display: inline-block; margin: 0 10px;}

.btn_top{ display: none; position: fixed; bottom: 40px; left: 50%; width: 60px; height: 60px; margin-left: 600px; background: url(../images/btn_top.png) no-repeat center top;}
.btn_top.active{ display: block;}